<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SPRINT MMS</title>


<style type ="text/css">
@import url(admin/css/home_styles.css);
@import url(admin/css/nav_menu.css);
@import url(admin/css/jqtransform.css);
@import url(admin/css/buttonstyle.css);
</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="admin/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="admin/js/script_button.js"></script>
<script type="text/javascript" src="admin/js/jquery.min.js"></script>
<script type="text/javascript" src="admin/js/script.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>-->
<script type="text/javascript" src="admin/js/jquery"></script>
<script type="text/javascript" src="admin/js/jquery.jqtransform.js"></script>



<script>
    $(document).ready(function(){
        
      //  $(function() {
            // $("#eca").click(function() {
        //            $('#holder_title').html('Recognized ECA');
        //            $('#holder').load('${pageContext.request.contextPath}/manage_eca_showrecognized');
         //           $('#options').load('${pageContext.request.contextPath}/admin/manage_eca_options.jsp');
                    
       //     }); 
       // });



        
        $('#home').click(function(){
                location.reload();
            });
   });
    

</script>


</head>

<body>

<h1>SPRINT<br/> 
Membership Management System <br/>
ADMIN
</h1>



<div style="margin: auto; width: 1000px; height: 1000px;">
        
        <!-- left panel -->
        <div id="main2" style="float: left; width: 166px;">
        <ul id="navigationMenu" style="float: right;">
            <li>
                    <a class="home" id="home" href="#">
                    <span>Home</span>
                </a>
            </li>

            <li>
                <a class="about" id="members" href="manage_member_show">
                    <span>Manage Members</span>
                </a>
            </li>

            <li>
                    <a class="services" id="eca" href="manage_eca_showrecognized">
                    <span>Manage ECA</span>
                </a>
            </li>
        </ul>
        </div>
        <!-- left panel -->
        
        <!-- right panel -->
	<div id="main">
            
            <div id="holder_title"></div>
            <a href="logout" id ="logout" class="button square red effect-2" style="color: #FFFFFF; margin-top: -100px;margin-left: 420px; ">LOG OUT</a>
            <div id="member_title" style="text-align:center; color: #616161; font-size: 35px; text-decoration: underline; font-family: Garamond;"> Members </div></br>
            <ul id="holder">
                <c:forEach var="member" items="${memberList}">
                <li>${member.fullname}<br/>${member.memberid}<br/>${member.course}<br/> Batch ${member.batch} </li>    
                </c:forEach>

                
	    </ul>
            <br/>
            
            <div id="member_title" style="text-align:center; color: #616161; font-size: 35px; text-decoration: underline; font-family: Garamond;"> Activities </div></br>
            <ul id="holder">
                <c:forEach var="eca" items="${ecaList}">
                        <li ><br/>${eca.name}<br/>${eca.date}<br/>${eca.time}<br/> Points ${eca.points}<br/>${eca.status}</li>    
                    </c:forEach>     
	    </ul>
                
            <div id="options">

            </div>
            
            <div id ="panel"></div>   
	</div>
        <!-- right panel -->
</div>


</body>
</html>
